import { Suspense } from "react";
import { RouterProvider } from "react-router-dom";
import ReactDOM from "react-dom/client";
// import "@arco-design/web-react/dist/css/arco.css";
import "@arco-design/mobile-react/dist/style.css";
import { Loading } from "@arco-design/mobile-react";
import setRootPixel from "@arco-design/mobile-react/tools/flexible";
import router from "./router";
import "./App.less";

setRootPixel();

const root = ReactDOM.createRoot(
  document.getElementById("root") as HTMLElement
);

root.render(
  <Suspense fallback={<Loading className="page-loading" type="circle" />}>
    <RouterProvider router={router} />
  </Suspense>
);
